<template>
  <ul>
    <li>
      <van-row >
        <a class="kanqiu_href2" :href="list.href">
          <van-col span="8">
            <div class="imgs">
              <span class="get_imgs">
                <img
                  :src="list.img"
                  class="lazy"
                  :data-original="list.img"
                />
              </span>
            </div>
          </van-col>
          <van-col span="16">
            <div class="details_box">
              <h2>{{list.title}}</h2>
              <p class="subtitle">{{list.subtitle}}</p>
              <div class="from">
                <div class="shop">{{list.business}}</div>
                <div class="date">{{list.date}}</div>
              </div>
            </div>
          </van-col>
        </a>
      </van-row>
    </li>
  </ul>
</template>

<script>
export default {
  props:{
    list:Object
  }
};
</script>

<style lang='stylus' scoped>
@import '~@a/stylus/border.styl';
@import '~@a/stylus/ellipsis.styl';

.van-row 
  margin 1rem 0 0 .8rem

  .imgs 
    img 
      width: 6.8rem
      height: 6.8rem
   
  .details_box 
    h2 
      margin 0
      padding 0
      font-weight normal
 
      font-size 1.1rem
      color #333
    p 
      font-size 1rem
      color red
    .from
      display flex
      justify-content space-between 
      .shop
        font-size .9rem
        color #333
      .date 
        font-size .9rem
        color #333
        margin .1rem 1rem 0 0

</style>